<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>淘票票</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/swiper.css" />
    <link rel="stylesheet" href="css/center.css">
    <script src="js/axios.min.js"></script>
    <script src="js/jquery.js"></script>

    <style>
        #ad img {
            width: 100%;
        }

        #ad {
            width: 100%;
            /* height: 50px; */
            /* background-color: rgb(53, 63, 204); */
            /*绝对定位放置到浏览器右下角，即使有下拉条时广告弹窗也不会改变位置*/
            position: fixed;
            bottom: 0px;
            right: 0px;
            display: none;
            z-index: 999;
        }

        .butt {
            position: absolute;
            bottom: 80px;
            right: 80px;
        }
    </style>
    <script>
        function init() {
            setTimeout(showAd, 2000)
        }

        setInterval(init, 12000);

        function showAd() {
            var ad = document.getElementById("ad");
            ad.style.display = "block";
        }

        function closeAd() {
            var ad = document.getElementById("ad");
            ad.style.display = "none";
        }
    </script>
</head>

<body onload="init()">

    <div id="ad">
        <button onclick="closeAd()" class="butt">关闭</button>
        <img src="img/tanchuang.png" alt="">
    </div>
    <header>
        <div class="top">
            <ul class="top-left">
                <li><a href="login.html">亲，请登录</a></li>
                <li><a href="reg.html">免费注册</a></li>
                <li><a href="#">手机逛淘宝</a></li>
            </ul>
            <ul class="top-right">
                <li><a href="https://www.taobao.com/">淘宝网首页</a></li>
                <li class="dropdown">
                    <a href="#">我的淘宝</a>
                    <ul class="dropdown__content">
                        <li><a href="#">已买到的宝贝</a></li>
                        <li><a href="#">我的足迹</a></li>
                    </ul>
                </li>
                <li><a href="cart.html">购物车</a></li>
                <li class="dropdown">
                    <a href="#">收藏夹</a>
                    <ul class="dropdown__content">
                        <li><a href="#">收藏的宝贝</a></li>
                        <li><a href="#">收藏的店铺</a></li>
                    </ul>
                </li>
                <li><a href="#">商品分类</a></li>
                <li><a href="#">免费开店</a></li>
                <li class="dropdown">
                    <a href="#">千牛卖家中心</a>
                    <ul class="dropdown__content">
                        <li><a href="#">免费开店</a></li>
                        <li><a href="#">已卖出的宝贝</a></li>
                        <li><a href="#">出售中的宝贝</a></li>
                        <li><a href="#">卖家服务市场</a></li>
                        <li><a href="#">卖家培训中心</a></li>
                        <li><a href="#">体检中心</a></li>
                        <li><a href="#">问商友</a></li>
                    </ul>
                </li>
                <li><a href="#">联系客户</a></li>
                <li><a href="#">网站导航</a></li>
            </ul>
        </div>
    </header>
    <nav>
        <div>
            <img src="img/01.png" alt="">
            <ul>
                <li> <a href="#">郑州</a></li>
            </ul>

            <ul class="tab">
                <li class="cur">首页</li>
                <li>影片</li>
                <li>影院</li>
            </ul>


            <!-- <p>
                <a href="#">手机购买</a>
                <a href="#">客服咨询</a>
            </p> -->
        </div>
    </nav>
    <!-- 选项卡1 -->
    <article class="on TabControl">
        <!-- Swiper -->
        <div class="swiper">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <img src="img/lbt.jpg" alt="">
                </div>
            </div>


            <!-- 如果需要导航按钮 -->
            <div class="swiper-button-prev"></div>
            <div class="swiper-button-next"></div>

        </div>
        <!-- 结束 -->
        <div class="jijiang">
            <div>
                <a href="#">真正热映(34)</a>
                <a href="#">即将上映(96)</a>
                <a href="#">查看更多< </a> </div> </div> <div>
                        <ul id="ul">
                            <!-- <li>
               <h2></h2>
               <p></p>
               <img src="" alt="">
          </li> -->
                        </ul>
            </div>


        </div>

        <!-- 完结 -->
        <div class="png"></div>

        <div class="center-wrap">
            <div class="home-toplist">
                <!-- 上周票房排行 -->
                <div class="home-toplist-item">
                    <div class="movie-weeklist" data-spm="t1">
                        <h5><span>上周票房排行</span><a href="#" class="more">全部影片&nbsp;&gt;</a></h5>
                        <ul class="weeklist M-weeklist">
                            <li>
                                <i class="i-1"></i>
                                <a href="#" class="name">爱情神话</a>
                                <span class="rating">8.7</span>
                                <span class="buynow"><a href="#" class="buy">选座购票</a></span>
                            </li>
                            <li>
                                <i class="i-2"></i>

                                <a href="#" class="name">反贪风暴5：最终章</a>
                                <span class="rating">8.6</span>
                                <span class="buynow"><a href="#" class="buy">选座购票</a></span>
                            </li>
                            <li>
                                <i class="i-3"></i>

                                <a href="#" class="name">穿过寒冬拥抱你</a>
                                <span class="rating">9.6</span>
                                <span class="buynow"><a href="#" class="buy">选座购票</a></span>
                            </li>
                            <li>
                                <i class="i-4"></i>

                                <a href="#" class="name">李茂扮太子</a>
                                <span class="rating">8.9</span>
                                <span class="buynow"><a href="#" class="buy">选座购票</a></span>
                            </li>
                            <li>
                                <i class="i-5"></i>

                                <a href="#" class="name">误杀2</a>
                                <span class="rating">9.3</span>
                                <span class="buynow"><a href="#" class="buy">选座购票</a></span>
                            </li>
                        </ul>
                    </div>
                </div>

                <!-- 热门影院 -->
                <div class="home-toplist-item">
                    <div class="movie-cinemalist title-wrap" data-spm="t2">
                        <h5><span>热门影院排行</span><a href="#" class="more">全部影院&nbsp;&gt;</a></h5>
                        <ul class="cinemalist M-cinemalist">

                            <li class="current">
                                <i class="i-1"></i>
                                <a href="#" class="name">巩义横店电影城</a>
                                <span class="address">巩义市滨河路与永新路交汇处盛威凯旋门三楼</span>
                                <span class="buynow">
                                    <a class="seat" href="#">选座</a>
                                </span>
                            </li>
                            <li>
                                <i class="i-2"></i>
                                <a href="#" class="name">中影星美国际影城（睿达广场店）</a>
                                <span class="address">高新区瑞达路木兰里9号睿达广场3楼</span>
                                <span class="buynow">
                                    <a class="seat" href="#">选座</a>
                                </span>
                            </li>
                            <li>
                                <i class="i-3"></i>
                                <a href="#" class="name">郑州星空影城（陇海路店）</a>
                                <span class="address">二七区二七区陇海中路100号鑫苑鑫都汇3楼10A</span>
                                <span class="buynow">
                                    <a class="seat" href="#">选座</a>
                                </span>
                            </li>
                            <li>
                                <i class="i-4"></i>
                                <a href="#" class="name">中牟奥斯卡天泽巨幕影城</a>
                                <span class="address">中牟县学苑路与寿圣街交叉口天泽城三楼</span>
                                <span class="buynow">
                                    <a class="seat" href="#">选座</a>
                                </span>
                            </li>
                            <li>
                                <i class="i-5"></i>
                                <a href="#" class="name">好莱坞影城（龙子湖永和时光里店）</a>
                                <span class="address">郑东新区平安大道197号永和龙子湖广场四楼</span>
                                <span class="buynow">
                                    <a class="seat" href="#">选座</a>
                                </span>
                            </li>
                            <li>
                                <i class="i-6"></i>
                                <a href="#" class="name">奥斯卡恒世VIP影城龙子湖店</a>
                                <span class="address">郑东新区龙子湖平安大厦与博学路交汇处局外太阁茂购物中心4层02/03/08/09/10/1</span>
                                <span class="buynow">
                                    <a class="seat" href="#">选座</a>
                                </span>
                            </li>
                        </ul>
                    </div>

                </div>

                <!-- 热门预告片 -->
                <div class="home-toplist-item">
                    <div class='movie-recent movie-custlist' data-spm="w7">
                        <h5 class='movie-guide-info'>热门预告片</h5>
                        <ul class='movie-recent-ul'>
                            <li class='movie-recent-item'>
                                <a href="#">
                                    <img width="140" height="80" class='movie-recent-item-post' src="img/02.jpg">
                                    <p>李茂扮太子</p>
                                </a>
                            </li>
                            <li class='movie-recent-item'>
                                <a href="#">
                                    <img width="140" height="80" class='movie-recent-item-post' src="img/03.jpg">
                                    <p>反贪风暴5：最终章</p>
                                </a>
                            </li>
                            <li class='movie-recent-item'>
                                <a href="#">
                                    <img width="140" height="80" class='movie-recent-item-post' src="img/04.jpg">

                                    <p>误杀2</p>
                                </a>
                            </li>
                            <li class='movie-recent-item'>
                                <a href="#">
                                    <img width="140" height="80" class='movie-recent-item-post' src="img/05.jpg">

                                    <p>以年为单位的恋爱</p>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>

    </article>
    <!-- 选项卡1结束 -->

    <article class="TabControl on2">
        <section class="tab-movie-list">
            <section class="movie-card-wrap">
                <a href="#" class="movie-card">
                    <section class="movie-card-tag"><i class="t-203"></i></section>
                    <section class="movie-card-poster">
                        <img width="160" height="224"
                            data-src="https://img.alicdn.com/bao/uploaded/i2/O1CN01vPBIwl1ewHFmM8q9C_!!6000000003935-0-alipicbeacon.jpg_160x240.jpg"
                            src="https://img.alicdn.com/bao/uploaded/i2/O1CN01vPBIwl1ewHFmM8q9C_!!6000000003935-0-alipicbeacon.jpg_160x240.jpg">
                    </section>
                    <section class="movie-card-name">
                        <span class="bt-l">穿过寒冬拥抱你</span>
                        <span class="bt-r">9.6</span>
                    </section>
                    <section class="movie-card-info">
                        <section class="movie-card-mask"></section>
                        <section class="movie-card-list">
                            <span>导演：薛晓路</span>
                            <span>主演：黄渤,贾玲,朱一龙,徐帆,高亚麟,吴彦姝,许绍雄,王骁</span>
                            <span>类型：剧情,爱情</span>
                            <span>地区：中国大陆</span>
                            <span>语言：汉语普通话,武汉话</span>
                            <span>片长：124分钟</span> </section>
                    </section>
                </a>
                <a href="#" class="movie-card-buy">选座购票</a>
            </section>
            <section class="movie-card-wrap">
                <a href="#" class="movie-card">
                    <section class="movie-card-tag"><i class="t-203"></i></section>
                    <div class="movie-card-poster">
                        <img width="160" height="224"
                            data-src="https://img.alicdn.com/bao/uploaded/i1/O1CN01TMGKYl1b3Mv5euDnV_!!6000000003409-0-alipicbeacon.jpg_160x240.jpg"
                            src="https://img.alicdn.com/bao/uploaded/i1/O1CN01TMGKYl1b3Mv5euDnV_!!6000000003409-0-alipicbeacon.jpg_160x240.jpg">
            </section>
            <section class="movie-card-name">
                <span class="bt-l">李茂扮太子</span>
                <span class="bt-r">8.9</span>
            </section>
            <section class="movie-card-info">
                <section class="movie-card-mask"></section>
                <section class="movie-card-list">
                    <span>导演：高可</span>
                    <span>主演：马丽,常远,艾伦</span>
                    <span>类型：喜剧,古装</span>
                    <span>地区：中国大陆</span>
                    <span>语言：汉语普通话</span>
                    <span>片长：100分钟</span> </section>
            </section>
            </a>
            <a href="#" class="movie-card-buy">选座购票</a>
        </section>
        <section class="movie-card-wrap">
            <a href="#" class="movie-card">
                <section class="movie-card-tag"><i class="t-203"></i></section>
                <section class="movie-card-poster">
                    <img width="160" height="224"
                        data-src="https://img.alicdn.com/bao/uploaded/i1/O1CN01WBS4Ko1P9WpnrMvOk_!!6000000001798-0-alipicbeacon.jpg_160x240.jpg"
                        src="https://img.alicdn.com/bao/uploaded/i1/O1CN01WBS4Ko1P9WpnrMvOk_!!6000000001798-0-alipicbeacon.jpg_160x240.jpg">
                </section>
                <section class="movie-card-name">
                    <span class="bt-l">反贪风暴5：最终章</span>
                    <span class="bt-r">8.6</span>
                </section>
                <section class="movie-card-info">
                    <section class="movie-card-mask"></section>
                    <section class="movie-card-list">
                        <span>导演：林德禄</span>
                        <span>主演：古天乐,张智霖,郑嘉颖,宣萱,黄宗泽</span>
                        <span>类型：动作,犯罪</span>
                        <span>地区：中国香港,中国大陆</span>
                        <span>语言：粤语,汉语普通话</span>
                        <span>片长：95分钟</span> </section>
                </section>
            </a>
            <a href="#" class="movie-card-buy">选座购票</a>
        </section>
        <section class="movie-card-wrap">
            <a href="#" class="movie-card">
                <section class="movie-card-tag"><i class="t-"></i></section>
                <section class="movie-card-poster">
                    <img width="160" height="224"
                        data-src="https://img.alicdn.com/bao/uploaded/i3/O1CN01pp0UhY1WqJ96iYDXF_!!6000000002839-0-alipicbeacon.jpg_160x240.jpg"
                        src="https://img.alicdn.com/bao/uploaded/i3/O1CN01pp0UhY1WqJ96iYDXF_!!6000000002839-0-alipicbeacon.jpg_160x240.jpg">
                </section>
                <section class="movie-card-name">
                    <span class="bt-l">以年为单位的恋爱</span>
                    <span class="bt-r">8.5</span>
                </section>
                <section class="movie-card-info">
                    <section class="movie-card-mask"></section>
                    <section class="movie-card-list">
                        <span>导演：黎志</span>
                        <span>主演：毛晓彤,杨玏,孙千,张海宇</span>
                        <span>类型：剧情,爱情</span>
                        <span>地区：中国大陆</span>
                        <span>语言：汉语普通话</span>
                        <span>片长：103分钟</span> </section>
                </section>
            </a>
            <a href="#" class="movie-card-buy">选座购票</a>
        </section>
        <section class="movie-card-wrap">
            <a href="#" class="movie-card">
                <section class="movie-card-tag"><i class="t-203"></i></section>
                <section class="movie-card-poster">
                    <img width="160" height="224"
                        data-src="https://img.alicdn.com/bao/uploaded/i3/O1CN01eMrhAp1Nu7uxMR8UU_!!6000000001629-0-alipicbeacon.jpg_160x240.jpg"
                        src="https://img.alicdn.com/bao/uploaded/i3/O1CN01eMrhAp1Nu7uxMR8UU_!!6000000001629-0-alipicbeacon.jpg_160x240.jpg">
                </section>
                <section class="movie-card-name">
                    <span class="bt-l">误杀2</span>
                    <span class="bt-r">9.3</span>
                </section>
                <section class="movie-card-info">
                    <section class="movie-card-mask"></section>
                    <section class="movie-card-list">
                        <span>导演：戴墨</span>
                        <span>主演：肖央,任达华,文咏珊,陈雨锶,宋洋,李治廷,张世,尹子维,姜皓文,陈昊,周楚濋,王昊泽</span>
                        <span>类型：剧情,犯罪,家庭</span>
                        <span>地区：中国大陆</span>
                        <span>语言：汉语普通话</span>
                        <span>片长：118分钟</span> </section>
                </section>
            </a>
            <a href="#" class="movie-card-buy">选座购票</a>
        </section>
        <section class="movie-card-wrap">
            <a href="#" class="movie-card">
                <section class="movie-card-tag"><i class="t-203"></i></section>
                <section class="movie-card-poster">
                    <img width="160" height="224"
                        data-src="https://img.alicdn.com/bao/uploaded/i4/O1CN01Qmbz511HsOj7GCxSK_!!6000000000813-0-alipicbeacon.jpg_160x240.jpg"
                        src="https://img.alicdn.com/bao/uploaded/i4/O1CN01Qmbz511HsOj7GCxSK_!!6000000000813-0-alipicbeacon.jpg_160x240.jpg">
                </section>
                <section class="movie-card-name">
                    <span class="bt-l">雄狮少年</span>
                    <span class="bt-r">9.3</span>
                </section>
                <section class="movie-card-info">
                    <section class="movie-card-mask"></section>
                    <section class="movie-card-list">
                        <span>导演：孙海鹏</span>
                        <span>主演：付博文,李昕,陈业雄,郭皓,李盟,李佳思,蔡壮壮,马语非,熊陈捷,巴赫,大澄子</span>
                        <span>类型：动画,喜剧,动作</span>
                        <span>地区：中国大陆</span>
                        <span>语言：汉语普通话</span>
                        <span>片长：104分钟</span> </section>
                </section>
            </a>
            <a href="#" class="movie-card-buy">选座购票</a>
        </section>
        <section class="movie-card-wrap">
            <a href="#" class="movie-card">
                <section class="movie-card-tag"><i class="t-"></i></section>
                <section class="movie-card-poster">
                    <img width="160" height="224"
                        data-src="https://img.alicdn.com/bao/uploaded/i3/O1CN01Wgl1m11mxfN6hTr6j_!!6000000005021-0-alipicbeacon.jpg_160x240.jpg"
                        src="https://img.alicdn.com/bao/uploaded/i3/O1CN01Wgl1m11mxfN6hTr6j_!!6000000005021-0-alipicbeacon.jpg_160x240.jpg">
                </section>
                <section class="movie-card-name">
                    <span class="bt-l">爱情神话</span>
                    <span class="bt-r">8.7</span>
                </section>
                <section class="movie-card-info">
                    <section class="movie-card-mask"></section>
                    <section class="movie-card-list">
                        <span>导演：邵艺辉</span>
                        <span>主演：徐峥,马伊琍,吴越,倪虹洁,周野芒</span>
                        <span>类型：爱情,剧情</span>
                        <span>地区：中国大陆</span>
                        <span>语言：汉语普通话,上海话</span>
                        <span>片长：112分钟</span> </section>
                </section>
            </a>
            <a href="#" class="movie-card-buy">选座购票</a>
        </section>
        </section>
    </article>
    <article class="TabControl">
        <h2 style="text-align: center;height: 100px;line-height: 100px;">疫情期间附近影院暂时关闭 ，敬请等待通知......</h2>
    </article>

    <script>
        $(document).ready(function () {
            $(".tab li").click(function () {
                $(".tab li").eq($(this).index()).addClass("cur").siblings().removeClass('cur');
                $(".TabControl").hide().eq($(this).index()).show();
            });
        });
    </script>
    <!-- <link rel="stylesheet" href="//g.alicdn.com/??life/pc-movie/1.0.41/pages/footer/index.css"> -->
    <div class="footer" style="margin-top:0px">
        <div class="footWrap">
            <div class="footMiddle" style="height: 150px;">
                <div class="footLogo">
                    <a href="#"><img src="img/TB.png" /></a>
                    <span>如果您是消费者，</span>
                    <span>请拨打0571-88157838</span>
                    <span>如果您是影院/合作商家，</span>
                    <span>请拨打400-825-9220</span>
                    <span>(服务时间:9:00-21:00)</span>
                </div>
                <dl>
                    <dt>选座购票流程</dt>
                    <dd><a href="#" target="_blank" title="选择影片和场次">选择影片和场次</a></dd>
                    <dd><a href="#" target="_blank" title="选择中意的座位">选择中意的座位</a></dd>
                    <dd><a href="#" target="_blank" title="支付并收到取票短信">支付并收到取票短信</a></dd>
                </dl>
                <dl>
                    <dt>取票流程</dt>
                    <dd><a href="#" target="_blank" title="收到取票短信">收到取票短信</a></dd>
                    <dd><a href="#" target="_blank" title="影院自助取票">影院自助取票</a></dd>
                    <dd><a href="#" target="_blank" title="短信重发方式">短信重发方式</a></dd>
                </dl>
                <dl>
                    <dt>常见问题</dt>
                    <dd><a href="#" target="_blank" title="是否支持退换票">是否支持退换票</a></dd>
                    <dd><a href="#" target="_blank" title="填错手机号怎么办">填错手机号怎么办</a></dd>
                    <dd><a href="#" target="_blank" title="更多问题>>">更多问题>></a></dd>
                </dl>
                <dl>
                    <dt>协议规范</dt>
                    <dd><a href="#" target="_blank" title="用户服务协议">用户服务协议</a></dd>
                    <dd><a href="#" target="_blank" title="食品管理规范">食品管理规范</a></dd>
                    <dd><a href="#" target="_blank" title="隐私权政策">隐私权政策</a></dd>
                    <dd><a href="#" target="_blank" title="退改签服务费规范">退改签服务费规范</a></dd>
                </dl>
                <div class="order-code" style="background-image:url(./img/xiaz.png); width:200px;">
                </div>
            </div>
            <div class="footBottom" style="height: 140px">
                <img class="img" src="img/T1.png">
                <div class="footer-ali">
                    <a href="#" data-spm-anchor-id="1.1000386.245549.1">阿里巴巴集团</a>
                    <b>|</b>
                    <a href="#" data-spm-anchor-id="1.1000386.245549.2">阿里巴巴国际站</a>
                    <b>|</b>
                    <a href="#" data-spm-anchor-id="1.1000386.245549.3">阿里巴巴中国站</a>
                    <b>|</b>
                    <a href="#" data-spm-anchor-id="1.1000386.245549.4">全球速卖通</a>
                    <b>|</b>
                    <a href="#" data-spm-anchor-id="1.1000386.245549.5">淘宝网</a>
                    <b>|</b>
                    <a href="#" data-spm-anchor-id="1.1000386.245549.6">天猫</a>
                    <b>|</b>
                    <a href="#" data-spm-anchor-id="1.1000386.245549.7">聚划算</a>
                    <b>|</b>
                    <a href="#" data-spm-anchor-id="1.1000386.245549.8">一淘</a>
                    <b>|</b>
                    <a href="#" data-spm-anchor-id="1.1000386.245549.9">阿里妈妈</a>
                    <b>|</b>
                    <a href="#" data-spm-anchor-id="1.1000386.245549.10">阿里云计算</a>
                    <b>|</b>
                    <a href="#" data-spm-anchor-id="1.1000386.245549.11">云OS</a>
                    <b>|</b>
                    <a href="#" data-spm-anchor-id="1.1000386.245549.12">万网</a>
                    <b>|</b>
                    <a href="#" data-spm-anchor-id="1.1000386.245549.13">中国雅虎</a>
                    <b>|</b>
                    <a href="#" data-spm-anchor-id="1.1000386.245549.14">支付宝</a>
                </div>
                <div class="foot-nav">
                    <a href="#" data-spm-anchor-id="1.1000386.245549.15">关于淘宝</a>
                    <a href="#" data-spm-anchor-id="1.1000386.245549.16">合作伙伴</a>
                    <a href="#" data-spm-anchor-id="1.1000386.245549.17">营销中心</a>
                    <a href="#" data-spm-anchor-id="1.1000386.245549.18">联系客服</a>
                    <a href="#" data-spm-anchor-id="1.1000386.245549.19">开放平台</a>
                    <a href="#" data-spm-anchor-id="1.1000386.245549.20">诚征英才</a>
                    <a href="#" data-spm-anchor-id="1.1000386.245549.21">联系我们</a>
                    <a href="#" data-spm-anchor-id="1.1000386.245549.22">网站地图</a>
                    <a href="#" data-spm-anchor-id="1.1000386.245549.23">法律声明</a>
                    <span>&copy; 2017 Taopiaopiao.com 版权所有</span><br>增值电信业务经营许可证：沪B2-20170117 <a href="#"
                        target="_blank">沪ICP备16050036号-1</a> <a href="#" target="_blank" title="营业执照"> 营业执照</a>
                    <br><span>违法不良信息举报电话 0571-88157838</span>
                    <br><span>违法不良信息举报邮箱 taopiaopiao_tousu@list.alibaba-inc.com</span>
                </div>

            </div>
        </div>
    </div>

























    <!-- Swiper JS -->
    <script src="js/swiper.js"></script>

    <!-- Initialize Swiper -->
    <script>
        var mySwiper = new Swiper('.swiper', {

            loop: true, // 循环模式选项


            // 如果需要前进后退按钮
            navigation: {
                nextEl: '.swiper-button-next',
                prevEl: '.swiper-button-prev',
            },
            autoplay: {
                delay: 3000, //3秒切换一次
                disableOnInteraction: false
            },

        })
        let pagesize = 10;
        let pagenum = 0;
        // 用户id
        let id = localStorage.getItem("id");
        let token = localStorage.getItem("token");

        let productArr;

        laodList();
        // 封装加载商品列表的函数 --- 页面一开始需要 加载商品列表-- 发布了商品列表得更新 加载商品列表
        function laodList() {
            let listAPI = "http://jx.xuzhixiang.top/ap/api/allproductlist.php";
            axios
                .get(listAPI, {
                    params: {
                        pagesize,
                        pagenum,
                        uid: id,
                    },
                })
                .then((r) => {
                    // console.log(r.data);
                    //商品数组
                    productArr = r.data.data;
                    // {pname:'aa',pprice:'111'}{}
                    // console.log();

                    // 根据商品数组- 拼接字符串 给ul
                    let str = "";
                    productArr.forEach((pObj) => {
                        str += `<li> 
                            <a href="item.html?id=${pObj.pid}">
                              <img src="${pObj.pimg}" alt="">
                              <p class="xx">${pObj.pname}</p>
                              </a>
                              <a href="1212.html?id=${pObj.pid}" class="xzgp">选座购票</a>                                                         
                            
                          </li>`;
                    });
                    document.querySelector("#ul").innerHTML = str;
                });

        }
    </script>
</body>

</html>